<%-- 
    Document   : login
    Created on : 2012-3-29, 22:57:40
    Author     : yilee
--%>

<%@page contentType="text/html" pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
		<meta name="description" content="Caracole" />
		<title>
			Login
		</title>
		<link rel="stylesheet" type="text/css" href="../css/tripoli.simple.css"
			  media="screen, projection, print" />
		<link rel="stylesheet" type="text/css" href="../css/layout.css" media="screen, projection, print"
			  />
		<link rel="stylesheet" type="text/css" href="../css/icons.css" media="screen, projection, print"
			  />
		<script type="text/javascript" src="../js/jquery.min.js">
		</script>
		<script type="text/javascript" src="../js/user.js">
		</script>
		<script type="text/javascript">
			$(document).ready(function() {
				$(".close").click(function() {
					$(this).parents(".message").hide("puff");
				});

			});
		</script>
		<!--[if IE]>
		  <link rel="stylesheet" type="text/css" href="../css/ie/ie.css" media="screen, projection, print"
		  />
		<![endif]-->
		<!--[if lt IE 7]>
		  <script src="../js/DD_belatedPNG_0.0.7a-min.js" type="text/javascript">
		  </script>
		  <script>
			DD_belatedPNG.fix(' #header, h1, h1 a, .close, .field,.paginate .current, .icon, .required-icon');
		  </script>
		  <link rel="stylesheet" href="../css/ie/ie6.css" type="text/css" media="screen, projection"
		  />
		<![endif]-->
	</head>

	<body>
		<!-- Content -->
		<div id="login" class="content">
			<div class="roundedBorders login-box">
				<!-- Title -->
				<div id="title" class="b2">
					<h2>
						Sign In
					</h2>
					<!-- TitleActions -->
					<div id="titleActions">
						<div class="actionBlock">
							<a href="regist.jsp">
								Sign Up
							</a>
						</div>
					</div>
					<!-- /TitleActions -->
				</div>
				<!-- Title -->
				<!-- Inner Content -->
				<div id="innerContent">
					<p id="error"class="error"  style="display: none;color: #7b0c00;">
					</p>
					<div class="field">
						<label for="username">
								Username
						</label>
						<input type="text" class="text" id="username" name="username" value=""
							   />
					</div>
					<div class="field">
						<label for="password">
								Password
						</label>
						<input type="password" class="text" id="password" name="password" value=""
							   />
					</div>
					<div class="clearfix login-submit">

						<span class="fright">
							<button class="button" type="button" onclick="login();">
								<strong>
										Sign In
								</strong>
							</button>
						</span>
					</div>
				</div>
				<!-- /Inner Content -->
				<div class="bBottom">
					<div>
					</div>
				</div>
			</div>
		</div>
	</body>
</html>